<template>
  <div >
    <el-tabs v-model="activeName" type="card">
      <el-tab-pane label="页面访问统计" name="1">
        <AccessPageStatistics v-if="activeName==='1'"></AccessPageStatistics>
      </el-tab-pane>
      <el-tab-pane label="商品访问统计" name="2">
        <AccessGoodsStatistics v-if="activeName==='2'"></AccessGoodsStatistics>
      </el-tab-pane>
      <el-tab-pane label="商品购买统计" name="3">
        <GoodsBuyStatistics v-if="activeName==='3'"></GoodsBuyStatistics>
      </el-tab-pane>
      <el-tab-pane label="商品退款统计" name="4">
        <GoodsRefundStatistics v-if="activeName==='4'"></GoodsRefundStatistics>
      </el-tab-pane>
      <el-tab-pane label="用户统计" name="5">
        <UserStatistics v-if="activeName==='5'"></UserStatistics>
      </el-tab-pane>
    </el-tabs>


  </div>
</template>

<script>
  import AccessPageStatistics from './accessPageStatistics'
  import AccessGoodsStatistics from './accessGoodsStatistics'
  import GoodsBuyStatistics from './goodsBuyStatistics'
  import GoodsRefundStatistics from './goodsRefundStatistics'
  import UserStatistics from  './userStatistics'
  export default {
    components: {
      AccessPageStatistics,AccessGoodsStatistics,GoodsBuyStatistics,GoodsRefundStatistics,UserStatistics
    },
    data() {
      return {
        activeName:'1',

      }
    },
    mounted(){

    },

    methods: {



    }
  }
</script>
<style scoped>

</style>
